<table>
    <tbody>
        <tr>
            <td width="200px"><?php echo $form->label('SDH.dispatch_no', 'Dispatch no.'); ?></td>
            <td><?php echo $form->text('SDH.dispatch_no'); ?></td>
        </tr>
        <tr>
            <td><?php echo $form->label('SDH.customer_id', 'Customer'); ?></td>
            <td><?php echo $form->select('SDH.customer_id', $customers, null); ?></td>
        </tr>
        <tr>
            <td><?php echo $form->label('SDH.site_id', 'Site'); ?></td>
            <td><?php echo $form->select('SDH.site_id'); ?></td>
        </tr>
        <tr>
            <td><?php echo $form->label('SDH.dispatch_status_id', 'Dispatch Status'); ?></td>
            <td><?php echo $form->select('SDH.dispatch_status_id', $dispatchStatuses); ?></td>
        </tr>
        <tr>
            <td><?php echo $form->label('SDH.dispatch_date', 'Dispatch date'); ?></td>
            <td>
                From
                <?php echo $form->text('SDH.dispatch_date_start', array('size' => 10)); ?>
                To
                <?php echo $form->text('SDH.dispatch_date_end', array('size' => 10)); ?>
            </td>
        </tr>
    </tbody>
</table>
<script>
    $j(function() {

        $("SDHCustomerId").observe('change', function() {
            requestOptions("sites", "SDHCustomerId", "SDHSiteId");
        });
        $j.datesearchpicker("#SDHDispatchDate");
    })
</script>